<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>nodeTest</title>
  </head>

  <body>
    <button>点击</button>
    <ul></ul>
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/1.5.0/axios.js"></script>
    <script>
      console.log(axios);
      window.onload = function () {
        var bt = document.querySelector("button");
        var ul = document.querySelector("ul");
        const url = "http://localhost:3000";
        const obj = {
          name: "李四",
          num: 19,
          job: "搬砖",
        };
        bt.onclick = function () {
          // 发起一个post请求
          axios({
            method: "post",
            url: `${url}/users/insert`,
            data: { data: obj },
          })
            .then((result) => {
              console.log(result);
            })
            .catch((err) => {});

          // fetch(`${url}/users/insert`, {
          //   method: "POST",
          //   body: JSON.stringify(obj),
          // }).then((response) => {
          //   console.log("响应", response);
          // });
          // const xhr = new XMLHttpRequest();
          // xhr.open("get", `${url}/users/query`, true);
          // xhr.send();
          // xhr.onreadystatechange = function () {
          //   if (xhr.readyState == 4 && xhr.status == 200) {
          //     console.log(JSON.parse(xhr.responseText));
          //     var res = JSON.parse(xhr.responseText).data;
          //     console.log(res, 777);
          //     for (let i = 0; i < res.length; i++) {
          //       console.log(res[i]);
          //       var li = document.createElement("li");
          //       li.innerHTML = res[i].id + " " + res[i].name; // 设置元素的内容
          //       ul.appendChild(li);
          //     }
          //   }
          // };
        };
      };
    </script>
  </body>
</html>
